/***
 *  state 组件状态
 *  1、设置初始化存储state 类成员属性
 *  2、this.setState({}) 修改state的值并渲染页面
 *
 *
 */

import React, { Component } from 'react'

export default class App extends Component {
  // state定义方式一
  // constructor() {
  //   super()
  //   this.state = {
  //     num: 100
  //   }
  // }
  // 类成员属性
  // num = 100
  // state定义方式二
  state = {
    num: 100
  }
  add = () => {
    // this.num++
    // console.log(this.num)
    // setState触发页面渲染
    // this.setState({}) {} 空对象
    this.setState({ num: this.state.num + 1 })
    // this.state.num = this.state.num + 1
    // console.log(this.state.num)
  }
  render() {
    return (
      <div>
        <button onClick={this.add}>{this.state.num}</button>
      </div>
    )
  }
}
